<!--
 * @Author: Xia_cc 978487464@qq.com
 * @Date: 2022-06-07 18:18:01
 * @LastEditors: Xia_cc 978487464@qq.com
 * @LastEditTime: 2022-06-07 20:03:49
 * @FilePath: \vue 小U到家\src\components\main\Mainhead.vue
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
-->
<!--  -->
<template>
  <div>
       <div class="head">
        <h2>小U到家站点服务台</h2>
            <ul>
                <li>操作员</li>
                <li id="tuichu">退出登录 </li>
                <li>修改密码 </li>
            </ul>
        </div>
  </div>
</template>

<script>

</script>

<style lang='less' scoped>
.head{
        position: absolute;
        top: 0;
        right: 0;
        width: 100%;
        height: 120px;
        background-color: rgba(6, 6, 6, .1);
        h2{
          line-height: 120px;
          margin: 0;
          color: #7F7F7F;
        }
        ul{
            position: absolute;
            right: 0;
            bottom: 0;
            overflow: hidden;
            li{
                list-style: none;
                float: left;
                padding: 3px 10px;
            }
            #tuichu{
                border-left: 1px solid black;
                border-right: 1px solid black;
            }
        }
    }
</style>
